<template>
  <div :class="{'page-container':true,'page-container--tabbar':tabbar}">
    <slot name="header"></slot>
    <div class="page-content" :id="elementId">
      <slot name="default"></slot>
    </div>
    <slot name="footer"></slot>
  </div>
</template>
<script>
export default {
  props: {
    tabbar: {
      default: () => false,
      type: Boolean,
    },
    elementId: {
      default: () => "",
    },
  },
};
</script>
